// 定义食物类;
class Food{
		constructor(id) {
		    // 获取食物;
			this.main = document.querySelector(id)
			// 获取食物元素
			this.food = this.main.querySelector('.food')
			
		}
		// 获取食物离屏幕的左边距离;
		get X(){
			 return this.food.offsetLeft;
		}
		// 获取食物离屏幕的上边距离;
		get Y(){
			return this.food.offsetTop;
		}
		// 食物位置发生改变方法 chang()
		chang(){
		 /* 
			蛇身只有10px 每次增加也只能加 10；
				定义一个随机数 0~310 且都是10的倍数 之间的数 
		 */
		// 食物最小位置0 最大310
			let left = Math.round(Math.random()*31) * 10;
			let top = Math.round(Math.random()*31) * 10;
			this.food.style.left = `${left}px`;
			this.food.style.top = `${top}px`;
		}
		// console.log(Y());
	}
	export default Food;